<template>
    <div style="display: flex;flex-direction: column; align-items: center; padding: 30px; height: 100vh;justify-content: center; gap: 20px;">
        <span style="color: green;font-weight: bold;font-size: 24px;">支付成功</span>
        <span style="color: #666;margin: 10px 0 ;">邢台荣祥科贸有限公司</span>
        <span style="color: #000;font-weight: bold;font-size: 32px;margin-bottom: 40px;">-3000.00</span>

        <div style="width: 80%;color: #666;padding-left: 6em;"><span style="width: 6em;margin-left:-6em;display: inline-block;">支付状态：</span><span style="font-weight:bold;color: #333;">支付成功</span></div>
        <div style="width: 80%;color: #666;padding-left: 6em;"><span style="width: 6em;margin-left:-6em;display: inline-block;">支付时间：</span><span style="font-weight:bold;color: #333;">2024年11月29日 22:15:24</span></div>
        <div style="width: 80%;color: #666;padding-left: 6em;"><span style="width: 6em;margin-left:-6em;display: inline-block;">商品：</span><span style="font-weight:bold;color: #333;">采暖费</span></div>
        <div style="width: 80%;color: #666;padding-left: 6em;"><span style="width: 6em;margin-left:-6em;display: inline-block;">收单机构：</span><span style="font-weight:bold;color: #333;">邢台荣祥科贸有限公司</span></div>
        <div style="width: 80%;color: #666;padding-left: 6em;"><span style="width: 6em;margin-left:-6em;display: inline-block;">支付方式：</span><span style="font-weight:bold;color: #333;">微信支付</span></div>
        <div style="width: 80%;color: #666;padding-left: 6em;"><span style="width: 6em;margin-left:-6em;display: inline-block;">交易单号：</span><span style="font-weight:bold;color: #333;">1758949828127218321</span></div>
    
        <button style="width: 200px;line-height: 50px;border: 0;background-color: #ccc;border-radius: 6px;font-size: 16px;margin-top: 20px;" @click="back">完成</button>
    </div>
</template>

<script setup>
import { useRouter } from "vue-router";

const router = useRouter();
const back  = ()=>{
    router.back();
}
</script>